简介:基础详解篇是DOM探索系列课程的第一篇,详细全面的介绍DOM的基础知识。首先通过一个案例,让您认识DOM在实际开发中是如何应用的。了解如何判断元素的节点类型,掌握元素节点的继承层次及各种元素节点的分类和规则。为后续课程打下一个坚实的基础。
第1章 DOM热身案例——滑动门特效
通过一个案例,一方面让大家回忆前面学过的JS和DOM基础,另一方面让大家感性认识DOM操作。
第2章 认识DOM
介绍什么是DOM,为什么使用DOM,DOM级别以及Web浏览器对DOM的支持。
详细介绍HTML与XML两种文档的类型,介绍七种重要的节点类型。
第3章 DOM Ready
深入剖析什么是DOM Ready,了解什么是浏览器渲染引擎,判断DOM是否Ready的意义,学会自己编写浏览器兼容的domReady,最后通过实例来比较window.onload与domReady的不同之处。
第4章 如何判断元素节点类型
学习涉及元素节点类型判定的四个方法,第一个isElement,判定某个节点是否是元素节点;第二个isHTML,判定是否为HTML文档的元素节点;第三个isXML,判定是否为XML文档的元素节点;最后一个方法contains,判定两个节点的包含关系。
第5章 继承层次与嵌套规则
讲解什么是元素节点的继承层次,以及分析继承层次的意义。最后了解什么是HTML嵌套规则,并介绍了有序列表与无序列表系列、下拉列表系列、热点链接系列、多媒体对象系列及表格系列等特殊元素的嵌套规则。